/* view{
	font-size:28upx; 
	color:#202020;
	letter-spacing: 2upx;
} */
/* 文字 */
.text-letter8 {
	letter-spacing: 8upx;
}

.bg_white {
	background-color: #F8F8F8;
	opacity: 0.7;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.img_bg {
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	background-size: 100% 100%;
	z-index: -5;

}

.text-bold {
	font-weight: bold;
}

.text-20 {
	font-size: 20upx;
}

.text-22 {
	font-size: 22upx;
}

.text-24 {
	font-size: 24upx;
}

.text-28 {
	font-size: 28upx;
}

.text-30 {
	font-size: 30upx;
}

.text-32 {
	font-size: 32upx;
}

.text-34 {
	font-size: 34upx;
}

.text-36 {
	font-size: 36upx;
}

.text-40 {
	font-size: 40upx;
}

.text-42 {
	font-size: 42upx;
}

.text-48 {
	font-size: 48upx;
}

/*弹性布局*/
.display {
	display: flex;
}

.display-inline {
	display: inline-block;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-between {
	justify-content: space-between;
}

.justify-center {
	justify-content: center;
}

.justify-around {
	justify-content: space-around;
}

.align-center {
	align-items: center;
}

.align-start {
	align-items: flex-start;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-direction {
	flex-direction: column;
}

/*文字颜色*/
.font-red {
	color: #FF2400;
}

.font-red1 {
	color: #D9000F;
}

.font-red2 {
	color: #FF5444;
}

.font-gray {
	color: #999;
}

.font-gray1 {
	color: #666;
}

.font-white {
	color: #fff;
}

.font-somber {
	color: #333333;
}

.font-blue {
	color: #3F5EFF;
}

.font-green {
	color: #00C07F;
}

/*宽度*/
.width-all {
	width: 100%;
}

.width-25 {
	width: 25%;
}

/*外边距*/
.margin-auto {
	margin: 0 auto;
}

.margin-l10 {
	margin-left: 10upx;
}

.margin-l20 {
	margin-left: 20upx;
}

.margin-l30 {
	margin-left: 30upx;
}

.margin-l40 {
	margin-left: 40upx;
}

.margin-l54 {
	margin-left: 54upx;
}

.margin-r10 {
	margin-right: 10upx;
}

.margin-r20 {
	margin-right: 20upx;
}

.margin-r30 {
	margin-right: 30upx;
}

.margin-r40 {
	margin-right: 40upx;
}

.margin-r54 {
	margin-right: 54upx;
}

.margin-r60 {
	margin-right: 60upx;
}

.margin-t10 {
	margin-top: 10upx;
}

.margin-t20 {
	margin-top: 20upx;
}

.margin-t22 {
	margin-top: 22upx;
}

.margin-t30 {
	margin-top: 30upx;
}

.margin-t40 {
	margin-top: 40upx;
}

.margin-t60 {
	margin-top: 60upx;
}

.margin-t90 {
	margin-top: 90upx;
}

.margin-t120 {
	margin-top: 120upx;
}

.margin-b10 {
	margin-bottom: 10upx;
}

.margin-b20 {
	margin-bottom: 20upx;
}

.margin-b30 {
	margin-bottom: 30upx;
}

.margin-b40 {
	margin-bottom: 40upx;
}

.margin-b60 {
	margin-bottom: 60upx;
}

.margin-b100 {
	margin-bottom: 100upx;
}

/*内边框*/
.padding-l10 {
	padding-left: 10upx;
}

.padding-l15 {
	padding-left: 15upx;
}

.padding-l20 {
	padding-left: 20upx;
}

.padding-l30 {
	padding-left: 30upx;
}

.padding-l40 {
	padding-left: 40upx;
}

.padding-l90 {
	padding-left: 90upx;
}

.padding-r10 {
	padding-right: 10upx;
}

.padding-r15 {
	padding-right: 15upx;
}

.padding-r20 {
	padding-right: 20upx;
}

.padding-r30 {
	padding-right: 30upx;
}

.padding-r40 {
	padding-right: 40upx;
}

.padding-r56 {
	padding-right: 56upx;
}

.padding-t10 {
	padding-top: 10upx;
}

.padding-t20 {
	padding-top: 20upx;
}

.padding-t30 {
	padding-top: 30upx;
}

.padding-t40 {
	padding-top: 40upx;
}

.padding-t60 {
	padding-top: 60upx;
}

.padding-b10 {
	padding-bottom: 10upx;
}

.padding-b20 {
	padding-bottom: 20upx;
}

.padding-b30 {
	padding-bottom: 30upx;
}

.padding-b40 {
	padding-bottom: 40upx;
}

.padding-b100 {
	padding-bottom: 100upx;
}

/*背景颜色*/
.bg-red {
	background-color: #D9000F;
}

.bg-grey {
	background-color: #efefef;
}

.bg-white {
	background-color: #fff;
}

.bg-blue {
	background-color: #008BFF;
}

.bg-one {
	background-color: #008BFF;
}

.bg-two {
	background-color: #FF3600;
}

.bg-three {
	background-color: #FF5444;
}

.bg-four {
	background-color: #FF5400;
}

.bg-five {
	background-color: #00C07F;
}

/*边角*/
.radius-6 {
	border-radius: 6upx;
}

.radius-10 {
	border-radius: 10upx;
}

.radius-36 {
	border-radius: 36upx;
}

/*边线*/
.border-bottom {
	border-bottom: 1upx solid #F1F1F1;
}

.border-bottom1 {
	border-bottom: 1upx solid #B8B8B8;
}

/*定位*/
.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.absolute-top {
	top: 0;
}

.absolute-left {
	left: 0;
}

.absolute-bottom {
	bottom: 0;
}

.absolute-right {
	right: 0;
}

/*阴影*/
.shadow {
	box-shadow: 0upx 4upx 12upx 0upx rgba(0, 0, 0, 0.3);
}

/*边线*/
.border-red {
	border: 1upx solid #D9000F;
}

/*白色的card*/
.card {
	background-color: #fff;
	box-shadow: 0 2upx 8upx 0 rgba(0, 0, 0, 0.06);
	border-radius: 20upx;
	padding: 30upx 24upx;
}
.card1 {
	background-color: #fff;
	box-shadow: 0 2upx 8upx 0 rgba(0, 0, 0, 0.06);
	/* border-radius: 10upx; */
	/* padding: 30upx 24upx; */
}
.card_list {
	background-color: #fff;
	box-shadow: 0 2upx 8upx 0 rgba(0, 0, 0, 0.06);
	border-radius: 20upx;
}
.card_gray{
	background-color: #f1f1f1;
	box-shadow: 0 2upx 8upx 0 rgba(0, 0, 0, 0.06);
	border-radius: 20upx;
}

/*搜索图片*/
.search {
	width: 21upx;
	height: 21upx;
	vertical-align: middle;
}

/*按钮*/
.allButton {
	background: linear-gradient(90deg, rgba(63, 94, 255, 1), rgba(34, 150, 255, 1));
	border-radius: 36upx;
	color: #fff;
	height: 72upx;
	line-height: 72upx;
}

.blueButton {
	background: linear-gradient(90deg, rgba(63, 94, 255, 1), rgba(34, 150, 255, 1));
	border-radius: 29upx;
	color: #fff;
	height: 58upx;
	line-height: 58upx;
}

.orangeButton {
	border: 2upx solid rgba(255, 54, 0, 1);
	border-radius: 29upx;
	color: #FF3600;
	height: 54upx;
	line-height: 54upx;
}

.bigButton {
	height: 98upx;
	line-height: 98upx;
	background: linear-gradient(90deg, rgba(63, 94, 255, 1), rgba(34, 150, 255, 1));
	box-shadow: 0 2upx 10upx 0 rgba(52, 115, 255, 0.8);
	border-radius: 49upx;
	color: #fff;
}

/*箭头*/
.left-jiantou {
	width: 13upx;
	height: 23upx;
	vertical-align: middle;
}

.bottom-jiantou {
	width: 23upx;
	height: 13upx;
	vertical-align: middle;
}

.time-jiantou {
	width: 24upx;
	height: 24upx;
	vertical-align: middle;
}

/*尖角定位*/
.scream {
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 0 20upx 0 20upx;
	color: #fff;
	padding: 6upx 12upx;
}

/*添加图片按钮*/
.addImage {
	width: 186upx;
	height: 186upx;
}

/*主导航选择*/
.checked {
	color: #3F5EFF;
	font-size: 36upx;
	font-weight: bold;
	letter-spacing: 4upx;
	padding-bottom: 4upx;
	border-bottom: 4upx solid #3F5EFF;
}

.nochecked {
	color: #202020;
	font-size: 36upx;
	font-weight: bold;
	letter-spacing: 4upx;
}

.scroll-all {
	white-space: nowrap;
	width: 100%;
	padding: 0 30upx 0;
	box-sizing: border-box;
	margin-top: 30upx;
}

.subchecked {
	color: #3F5EFF;
	font-size: 32upx;
	font-weight: bold;
	letter-spacing: 4upx;
	padding-bottom: 4upx;
	border-bottom: 4upx solid #3F5EFF;
}

.subnochecked {
	color: #202020;
	font-size: 32upx;
	font-weight: bold;
	letter-spacing: 4upx;
}

::-webkit-scrollbar {
	/*隐藏滚动条*/
	width: 0;
	height: 0;
	background-color: transparent;
}

/* 层级 */
.z-index {
	z-index: 99;
}

/* 全局弹框样式 */
.popout {
	background: rgba(0, 0, 0, 0.3);
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999999;
	left: 0;
	top: 0;
}

.popout-kuang {
	width: 566upx;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0upx 4upx 12upx 0upx rgba(0, 0, 0, 0.3);
	border-radius: 10upx;
	margin: 0 auto;
	margin-top: 40%;
	position: relative;
}

.popout-title {
	font-size: 36upx;
	padding: 30upx;
	padding-bottom: 0;
	font-weight: bold;
	text-align: left;
}

.popout-content {
	margin: 0 30upx 30upx 30upx;
	overflow-y: auto;
	height: 300upx;
}

.popout-center {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-top: 30upx;
}

.popout-subtitle {
	font-size: 32upx;
	font-weight: bold;
}

.popout-myname {
	margin-bottom: 0 !important;
}

.popout-cancel {
	border-right: 1upx solid #EFEFEF;
	font-weight: bold;
	font-size: 32upx;
	width: 50%;
	text-align: center;
}

.popout-ok {
	color: #5499FF;
	font-weight: bold;
	font-size: 32upx;
	width: 50%;
	text-align: center;
}

.popout-button {
	border-top: 1upx solid #EFEFEF;
	height: 80upx;
	line-height: 80upx;
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.popout-status {
	font-size: 20upx;
	margin-bottom: 0 !important;
}

.all_serchBtn{
		width: 98rpx;
		height: 98rpx;
		line-height: 98rpx;
		background: #65caff;
		box-shadow: 0 2rpx 10rpx 0 rgba(115, 241, 255, 0.8);
		color: #fff;
		text-align: center;
	}
